*{ padding: 0; margin: 0; text-decoration: none; list-style: none; outline: none;}
body{ font-family:"微软雅黑","黑体","宋体";}
a{ direction: none;}
table{direction:none;}

/*public*/
.pubCon{ width:1200px; margin:0 auto;}

.pubTit{ width:1200px;transform:translateY(100%); opacity:0; transition: all 0.75s ease-out;  }
.pubTit.started { transform:none; opacity:1; }
.pubTit h3{ text-align:center; font-size:36px; background:url(../images/titbj.png) no-repeat center; }
.pubTit p{ fong-size:16px; color:#999; text-align:center;}

/*welcome*/
.welcome{ width:100%; height:30px; line-height:30px; border-bottom:1px solid #eee;}
.pubCon h4{font-size:14px; color:#999; float:left; font-weight:100;}
.pubCon b{ font-size:14px; float:right; color:#999; font-weight:100;}
.pubCon b a{ color:#999;}

.top{ ove rflow:hidden; position:relative; z-index:99;}
.TopCon{ width:1200px; margin:0 auto;}
.logo{ width:300px; height:80px; float:left; margin:10px 0px;transform:translate(-100%); opacity:0; transition: all 0.75s ease-out;}
.logo.started { transform:none; opacity:1; }
.logo img{ margin-top:10px;}
.zhuanjia{ width:500px; float:left; height:80px; margin:25px 15px 15px; border-left:1px solid #ccc;transform:translate(-100%); opacity:0; transition: all 0.75s ease-out; }
.zhuanjia.started { transform:none; opacity:1; }
.zhuanjia b{ font-size:30px; color:#1e53cd; margin-left:30px;}
.zhuanjia p{ font-size:18px; color:#666; margin-left:30px; display:block;}


.toptel{width:280px; float:right;  margin-top:20px;transform:translate(100%); opacity:0; transition: all 0.75s ease-out;}
.toptel.started { transform:none; opacity:1; }
.toptel img{ float:right;margin-right:10px;}
.toptel p{ font-size:16px; margin-bottom:-5px; color:#999; float:none;}
.toptel b{ font-size:30px; color:#f01400;} 


.menubg {
    width: 100%;
	height: 65px;
	background:#1e53cd;
	position: relative;
	margin: 0 auto;
}

.menuol ul {
	width:100%;
	height: 65px;
	margin: 0 auto;
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0;
	right: 0;
}


.menuol ul li {
	width: 150px;
	float: left;
	height: 65px;
	text-align: center;
	background: url(../images/nav11.html) right center no-repeat;
}

.menuol ul li a {
	line-height: 65px;
	font-size: 18px;
	color: #fff;
	display: block;
	
}
.menuol ul li>a:hover{
	background: #0c3893;
}

.menuol ul li div.menuli {
	border-top: none;
	background: rgba(0,0,0,.8);
	display: none;
	position: absolute;
	z-index: 500;
	top: 65px;
	left: 0px;
	right: 0;
	text-align: center;
	width: 100%;
	padding-bottom: 30px;
	padding-left: 100px;
}

.menuli dl {
	width: 170px;
	height: 340px;
	border-right: solid 1px #2d2e39;
	float: left;
	margin: 20px 0px;
}
.menuli dl dt{
	text-align: left;
	font-weight: bold;
	height: 30px;
	font-size:18px;
}
.menuli dl dt a{
	color: #fff; text-align:center;
}
.menuli dl dd{
	text-align: left;
	height: 30px;
}
.menuli dl dd a{
	text-align: left;
	height: 30px;
	color: #fff;
	font-size: 16px;
	padding-left: 30px;
}
.menuli dl dd a:hover{
	color: #cc0000;
}




/*banner*/
.banner{ height:650px; width:100%; position:relative; overflow:hidden; z-index:1;}
.banner ul li{ position:absolute; top:0; left:50%; margin-left:-960px; display:none;}

.banner ol li{ display:inline-block; width:16px; height:16px; font-size:12px; background:#333; color:#fff; text-align:center; line-height:16px; border-radius:50%; margin:0 3px; cursor:pointer;}
.banner ol{ position:absolute; bottom:20px; left:0; width:100%; font-size:0px; text-align:center;}
.banner ol li.on{ background:#0e3898;}

.banner .btn{ width:40px; height:80px; font-size:50px; position:absolute; top:50%; margin-top:-40px; text-align:center; line-height:80px; color:#fff; cursor:pointer; transition:0.3s; opacity:0;}
.banner:hover .btn{ opacity:1;}
.banner .btn_l{ left:11%;}
.banner:hover .btn_l{ left:5%;}
.banner .btn_r{ right:11%;}
.banner:hover .btn_r{ right:5%;}
/*banner*/


/*shuzi*/
.fl_listbox{background:#1e53cd; width:100%;}
.fl_list{ position: relative; z-index: 10; height:120px; width:1200px; margin:0 auto;}
.fl_list .fl_item{ position: relative; font-size: 18px; display: block; height: 100%; float: left; width:25%; text-align: center; background: #FFF;}

.fl_list .fl_item .li_box{ border-right: 1px #6f8fd8 solid; }
.fl_list .fl_item:nth-of-type(2n){ background-color:#1e53cd; }
.fl_list .fl_item:nth-of-type(2n) p{color:#fff; }
.fl_list .fl_item:after{ content:''; display: block; margin-top: 100%;} 
.fl_list .fl_tit a{ position: relative; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; padding: 10%;}


.fl_list .fl_item:hover .fl_tit a p{ opacity: 0; color: #FFF;}
.fl_list .fl_item .img{ width: 210px; display: block; margin: 0 auto; margin-bottom: 20px; overflow: hidden; position: relative;}
.fl_list .fl_item .img img{ width: 200px; display: block; height: 160px; transition: 0.3s all; padding:3px;}
.fl_list .fl_item:nth-of-type(1){ background:#1e53cd; }
.fl_list .fl_item:nth-of-type(7){ background:#1e53cd; }
.fl_list .fl_item:nth-of-type(3){  background:#1e53cd; }
.fl_list .fl_item:nth-of-type(5){  background:#1e53cd; }

/*数字*/
.fl_tit{ margin:15px 0;}
.fl_tit ul li:nth-child(4) {border-right-style: none;}
.fl_titx .li_box{padding-top: 20px;}
.fl_tit .div1 .span1{font-size: 55px;color: #f01400;font-family: "Plantagenet Cherokee";}
.fl_tit .div1 .span3{font-size: 30px;color: #f01400;font-family: "Plantagenet Cherokee";}
.fl_tit .div2 .span2{font-size: 16px;color: #fff;}



/*fenlei*/
.fenlei{ margin-top:40px;}
.fenlei .picicon{ width:1200px; }
.fenlei .picicon li{ width:200px; height:190px; position:relative;overflow:hidden; float:left; margin-right:50px; transform:translate(-100%); opacity:0; transition: all 1s ease-out;}
.fenlei .picicon.started li { transform:none; opacity:1; }
.fenlei .picicon.started li:nth-child(1) { transition: all 1s ease-out .3s; }
.fenlei .picicon.started li:nth-child(2) { transition: all 1s ease-out .5s; }
.fenlei .picicon.started li:nth-child(3) { transition: all 1s ease-out .7s; }
.fenlei .picicon.started li:nth-child(4) { transition: all 1s ease-out .9s; }
.fenlei .picicon.started li:nth-child(5) { transition: all 1s ease-out 1.1s; }
.fenlei .picicon li:last-child{ margin-right:0px;}
.fenlei .picicon li img{ margin-left:35px; margin-bottom:20px;}
.fenlei .picicon li h3{ font-size:18px; color:#333; font-weight:100; text-align:center;}
.fenlei .picicon .zhe{ width:200px; height:190px; background:rgba(30,83,205,0.95); text-align:center; line-height:25px; position:absolute; top:190px; transition:0.5s; }
.fenlei .picicon .zhe dl{padding-top:10px;}
.fenlei .picicon .zhe dl a{ font-size:18px; color:#fff; }
.fenlei .picicon .zhe dd a{ font-size:14px; color:#ddd;}
.fenlei .picicon .zhe dd:hover a{ color:#fff;}
.fenlei .picicon li:hover .zhe{ top:0px;} 


/*product*/
.product { margin-top:30px;}
.product .proList{ width:100%; height:611px; background:url(../images/probj.jpg) no-repeat center; margin-top:30px; overflow:hidden; }

.product .proList ul{ height:560px; margin-top:30px;}
.product .proList ul li{ width:360px; height:270px; position:relative; float:left; margin-right:60px; margin-bottom:15px; overflow:hidden; }
.product .proList ul li:nth-child(3n){ margin-right:0px;}
.product .proList ul li .proPic{ width:360px; height:240px; overflow:hidden;}
.product .proList ul li .proPic img{ width:100%; min-height:240px;}
.product .proList ul li h3{ font-size:16px; color:#fff; font-weight:100; text-align:center; line-height:30px;}

.zhe1{ width:360px; height:240px; background:rgba(255,255,255,0.75); position:absolute; top:-300px; transition:0.5s;} 
.zhe1 p { color:#1e53cd; text-align:center; padding-top:90px;}
.zhe1 img{ margin-left:158px; margin-top:15px;}
.product .proList ul li:hover .zhe1{ top:0px;}
.product #marquee1{ width:1200px; height:560px; overflow:hidden;  margin-top:25px;transform:translate(-100%); opacity:0; transition: all 1s ease-out; }
.product #marquee1.started { transform:none; opacity:1; }



/*case*/
.case { width:100%; overflow:hidden;}
.case .pubTit{ width:1200px;padding-top:20px; margin:0 auto 30px;}
.caseLb{width:100%; height:346px; background:url(../images/casebj.html) no-repeat center bottom;overflow:hidden;}
.case .pubCon{width:1160px;  position:relative; margin:0 auto;}
.case .swiper-container{ margin-top:40px; margin-bottom:30px;transform:translateY(100%); opacity:0; transition: all 1s ease-out;}
.case .swiper-container.started { transform:none; opacity:1; }
.case .swiper-slide{ width:280px; height:200px; overflow:hidden;}
.case .swiper-slide .casepic img{ display:block; width:100%; min-height:200px;}
.case .ceng{ position:absolute; bottom:-160px; left:0; width:100%; height:200px; background:rgba(30,83,205,0.85); text-align:center; color:#fff; transition:0.5s;}
.case .ceng h3{ font-size:20px; font-weight:600; text-align:center;margin-bottom:15px; margin-top:5px;}
.case .ceng img{ width:192px;mar gin-left:44px; margin-bottom:15px;}
.case .ceng p{ width:240px; padding-left:20px;}
.case .swiper-slide:hover .ceng{ bottom:0;}
.case .swiper-slide:hover h3{ margin-top:40px;}

.case h4{ font-weight:100; font-size:20px; color:#fff; width:280px; height:50px; background:#373c57; text-align:center; line-height:50px;}

.case .swiper-button-next,.case .swiper-button-prev{ width:45px; height:77px; background-size:90%; }
.case .swiper-button-prev,.case .swiper-container-rtl .swiper-button-next{ background-image:url(../images/left.png); left:-65px}
.case .swiper-button-next,.case .swiper-container-rtl .swiper-button-prev{ background-image:url(../images/right.png); right:-65px;}


/*fangan*/
.fangan{ width:100%; height:585px; background:url(../images/fanganbj.jpg) no-repeat center;}
.fanganTit{ text-align:center; padding-top:30px;transform:translateY(-100%); opacity:0; transition: all 0.75s ease-out;  }
.fanganTit.started { transform:none; opacity:1; }
.fanganTit h3{ font-size:36px; color:#fff;}
.fanganTit p{ font-size:16px; color:#eee; line-height:30px;}



.fanganList{ width:1200px; position:relative;}
.fanganList .Listfang{ width:235px; height:178px; overflow:hidden; position:relative; }
.fanganList .Listfang h4{ font-size:24px; color:#fff; float:none; text-align:center; margin-bottom:10px;transition:0.5s;}
.fanganList .Listfang p{font-size:14px; color:#fff; line-height:25px;transition:0.5s;}
.fanganList .Listfang .fangPic{ width:178px; height:178px; position:absolute; top:178px; transition:0.5s;}
.fanganList .fenchen .fangPic,.fanganList .tuoliu .fangPic,.fanganList .gongye .fangPic{ position:absolute; top:-180px;}
.fanganList .Listfang .fangtext{ position:relative; transition:0.5s;}
.fanganList .Listfang:hover .fangtext{ top:178px;}
.fanganList .fenchen .fangtext,.fanganList .tuoliu .fangtext,.fanganList .gongye .fangtext{ padding-top:68px;}
.fanganList .Listfang:hover .fangPic{ top:0px; }

.fanganList .youji{ position:absolute; top:10px;transform:translateY(-100%); opacity:0; transition: all 1s ease-out;}
.fanganList .youji.started { transform:none; opacity:1; }
.fanganList .suanjian{ position:absolute; top:50px; left:280px;transform:translateY(-100%); opacity:0; transition: all 1.3s ease-out;}
.fanganList .suanjian.started { transform:none; opacity:1; }
.fanganList .chouqi{ position:absolute; top:30px; left:600px;transform:translateY(-100%); opacity:0; transition: all 1.5s ease-out;}
.fanganList .chouqi.started { transform:none; opacity:1; }
.fanganList .shishi{ position:absolute; top:10px; right:0px;transform:translateY(-100%); opacity:0; transition: all 1.7s ease-out;}
.fanganList .shishi.started { transform:none; opacity:1; }
.fanganList .fenchen{ position:absolute; top:260px; left:100px;transform:translateY(-100%); opacity:0; transition: all 1.9s ease-out;}
.fanganList .fenchen.started { transform:none; opacity:1; }
.fanganList .tuoliu{ position:absolute; top:280px; left:480px;transform:translateY(-100%); opacity:0; transition: all 2.1s ease-out;}
.fanganList .tuoliu.started { transform:none; opacity:1; }
.fanganList .gongye{ position:absolute; top:260px; right:70px;transform:translateY(-100%); opacity:0; transition: all 2.3s ease-out;}
.fanganList .gongye.started { transform:none; opacity:1; }


/*about*/
.about .pubCon{ position:relative; overflow:hidden;}
.aboutLeft{ width:800px; height:385px; background:#eee; margin-top:40px;transform:translate(-100%); opacity:0; transition: all 1.3s ease-out; }
.aboutLeft.started { transform:none; opacity:1; }
.aboutLeft .pubTit { width:800px; padding-top:30px; margin-left:-60px;transform:translateY(-100%); opacity:0; transition: all 1.3s ease-out;}
.aboutLeft .pubTit.started { transform:none; opacity:1; }
.aboutLeft .pubTit h3{ background:url(../images/abouttitbj.png) no-repeat center ;}
.aboutLeft .aboutText{ width:580px; font-size:16px; line-height:30px; text-indent:2em; text-align:justify; color:#333; margin-left:45px; margin-top:10px;}

.abMore{ width:150px; height:40px; border:1px solid #1e53cd;margin-left:258px; margin-top:10px; transition:0.5s;}
.abMore a{ font-size:16px; color:#1e53cd; text-align:center; line-height:40px; display:block;}
.abMore:hover{ background:#1e53cd;}
.abMore:hover a{ color:#fff;}

.aboutRight{ width:530px; height:357px; background:url(../images/abrightbj.jpg) no-repeat right bottom;position:absolute; bottom:0px; right:0px; transform:translate(100%); opacity:0; transition: all 1.3s ease-out;}
.aboutRight.started { transform:none; opacity:1; }
/*轮播*/
.carousel{
            width: 498px;
            height: 325px;
            overflow: hidden;
            position: relative;
        }
        .carousel ul{
            width: 100%;
            height: 100%;
        }
        .carousel ul li{
            position: absolute;
        }
        .carousel ul li a img{
            width: 498px;
            height: 325px;
        }
        .bullet{
            position: absolute;
            font-size: 0;
            bottom: 20px;
            left: 50%;
            margin-left: -42px;
        }
        .bullet span{
	display: inline-block;
	width: 10px;
	height: 10px;
	background-color: #ffffff;
	margin-left: 15px;
	border-radius: 10px;
        }
        .bullet span:first-child{
            margin-left: 0;
        }
        .switch{

        }
        .switch span{
	position: absolute;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background-color: rgba(0,0,0,.1);
	font-size: 20px;
	color: #ffffff;
	top: 50%;
	margin-top: -25px;
	cursor: pointer;
	font-family: "宋体";
        } 
		.switch span:hover{

	background-color: rgba(0,0,0,.5);

        }
        .prev{
            left: 0;
        }
        .next{
            right: 0;
        }
        .active{
            background-color: #1e53cd !important;
        }


/*advantages*/
.advantages{ width:100%; height:560px; background:url(../images/youshibj.jpg) no-repeat center; margin-top:40px;}
.advantages ul{ padding-top:135px; }
.advantages ul li{ width:200px; height:400px; background:url(../images/tuoyuan.png) no-repeat center; float:left; margin-right:50px;transform:translateY(100%); opacity:0; transition: all 1.3s ease-out;}
.advantages ul.started li{ transform:none; opacity:1; }
.advantages ul.started li:nth-child(1) { transition: all 1s ease-out .1s; }
.advantages ul.started li:nth-child(2) { transition: all 1s ease-out .3s; }
.advantages ul.started li:nth-child(3) { transition: all 1s ease-out .5s; }
.advantages ul.started li:nth-child(4) { transition: all 1s ease-out .7s; }
.advantages ul.started li:nth-child(5) { transition: all 1s ease-out .9s; }

.advantages ul li img{ margin-top:50px; margin-left:70px; transition:0.5s;}
.advantages ul li:hover img{transform:rotate(360deg);}
.advantages ul li h4{ font-size:20px; color:#fff; font-weight:100;float:none; text-align:center; margin-top:5px;}
.advantages ul li p{width:160px; font-size:14px; color:#fff; line-height:30px; margin-left:20px;margin-top:35px; text-align:justify;}

.advantages ul li:nth-child(2n){ background:url(../images/tuoyuan1.png) no-repeat center;}
.advantages ul li:last-child{ margin-right:0px;}


/*news*/
.news{ margin-top:40px;}
.news .pubCon{ width:1200px; overflow:hidden;}
.newsLeft{ width:516px; height:386px; background:url(../images/newsbj.jpg) no-repeat left bottom; margin-top:30px; overflow:hidden; float:left;transform:translate(-100%); opacity:0; transition: all 1.3s ease-out;}
.newsLeft.started { transform:none; opacity:1; }

#marquee4{width:585px;height:386px; overflow:hidden; float:left; margin-top:10px;}
#marquee4 ul li{ padding:10px; line-height:20px;}
.newsRight{ width:585px; height:386px; border-left:1px solid #666; float:right;position:relative;  transition:2s; margin-top:30px;padding-left:15px;transform:translate(100%); opacity:0; transition: all 1.3s ease-out;}
.newsRight.started { transform:none; opacity:1; }
.newsRight ul li{ width:550px; height:110px; padding:13px; border-bottom:1px dashed #999; float:right;}
.newsRight ul li i{ position:absolute; left:-8px;}
.newsRight ul li h4{ float:none; font-size:18px; font-weight:100;transition:0.5s; color:#333; padding-top:15px;}
.newsRight ul li a{color:#333;}
.newsRight ul li b{ font-size:14px; font-weight:100;margin:5px 0px; color:#aaa; display:block;transition:0.5s;float:none;}
.newsRight ul li p{width:530px; font-size:14px; color:#666; transition:0.5s; }
.newsRight ul li:hover h4{ margin-left:30px; color:#1e53cd;}


/*footer*/
.footer{ width:100%; height:260px; background:url(../images/footerbj.jpg) no-repeat bottom center; margin-top:40px;}
.footerTop{ width:799px; height:150px; background:#fff; margin-left:200px;transform:translate(-100%); opacity:0; transition: all 1.3s ease-out;}
.footerTop.started { transform:none; opacity:1; }
.footerTop ul li{ width:199px; height:150px; background:#017ff7; float:left; margin-right:1px;}
.footerTop ul li:last-child{ margin-right:0px;  }
.footerTop ul li:last-child p{ width:135px;text-align:right;margin-left:32px;}
.footerTop ul li:first-child img{ margin:15px; float:left;}
.footerTop ul li:first-child p{ float:left; line-height:30px; color:#fff; font-size:14px; margin-top:45px}
.footerTop ul li img{ margin-left:74px; margin-top:18px;}
.footerTop ul li p{ text-align:center; font-size:14px; margin-top:10px; color:#fff;}

.footerNav{ width:1200px; height:60px; margin:0 auto; background:#66b940; line-height:60px; margin-top:20px; } 
.footerNav li{ width:150px; height:60px; float:left; font-size:16px; text-align:center; }
.footerNav li a{ color:#fff;}
.footerNav li:hover a{ font-weight:600;}

/*copy*/
.copy{ width:1200px; text-align:center; line-height:30px;}
.copy p{ font-size:14px; color:#fff; display:inline-block; margin-right:20px;}
.copy b{ font-size:14px; color:#fff; font-weight:100;float:none;}
.copy b a{ color:#fff;}


/****************************************************内页样式***********************************************************/
/*关于我们内页*/
.pubNei{width:1200px; margin:0 auto;}
.pubNeitit{ width:210px; height:100px; background:url(../images/neititbj.png) no-repeat center; position:relative;top:-40px; float:left; z-index:99;}
.pubNeitit h2{ font-size:30px; color:#fff; text-align:center; line-height:85px;}
/*位置*/
.address{width:970px;height:30px; border-bottom:1px dashed #ccc; padding-bottom:15px; margin:13px 0px; float:right; line-height:30px; font-size:14px;  }
.address i img{ margin-top:3px; margin-left:5px;}
.address p{ display:inline; line-height:30px; margin-left:5px;}
.address a{ color:#666;}
.address a:hover{ color:#1e53cd;}

.aboutNei{ width:1200px;  position:relative; overflow:hidden;}
.aboutNei .aboutPic{width:1200px; text-align:center; margin-bottom:30px;}
.aboutText{ font-size:14px; line-height:30px; color:#212121; text-indent:2em; margin-bottom:20px; text-align:justify; }

.aboutNei #marquee1 { width:1200px; height:270px; overflow:hidden;}
.aboutNei #marquee1 ul li{ width:280px; height:270px; position:relative; overflow:hidden; float:left; margin-right:25px; margin-bottom:30px;}
.aboutNei #marquee1 ul li .propic{width:280px; height:240px; overflow:hidden; }
.aboutNei #marquee1 ul li .propic img{ width:100%; min-height:240px; }
.aboutNei #marquee1 ul li a h4{ color:#212121; line-height:30px; font-size:14px; text-align:center; font-weight:100; }
.aboutNei #marquee1 ul li:hover a h4{ color:#1e53cd;}

/*产品列表*/
.proList{ width:1200px; overflow:hidden; mar gin-top:30px;}
.treebox{ width: 210px; background-color:#1e53cd; float:left; }
.menu{ overflow: hidden; border-color: #ddd; border-style: solid ; border-width: 0 1px 1px ; }
		/*第一层*/
		.menu li.level1>a{ 
			display:block;
			height: 45px;
			line-height: 45px;
			color: #fff;
			padding-left: 30px;
			border-bottom: 1px solid #000; 
			font-size: 16px;
			position: relative;
			transition:all .5s ease 0s;
		 }
		 .menu li.level1 a:hover{ text-decoration: none;background-color:#1e53cd;   }
		 .menu li.level1 a.current{ background: #1e53cd; }

		/*============修饰图标*/
		 .ico{ width: 20px; height: 20px; display:block;   position: absolute; left: 20px; top: 10px; background-repeat: no-repeat; background-image: url(images/ico1.html); }

		 /*============小箭头*/
		 .level1 i{ width: 20px; height: 10px; background-image:url(../images/arrow.png); background-repeat: no-repeat; display: block; position: absolute; right: 20px; top: 20px; }
		.level1 i.down{ background-position: 0 -10px; }

		 .ico1{ background-position: 0 0; }
		 .ico2{ background-position: 0 -20px; }
		 .ico3{ background-position: 0 -40px; }
		 .ico4{ background-position: 0 -60px; }
         .ico5{ background-position: 0 -80px; }

		 /*第二层*/
		 .menu li ul{ overflow: hidden; }
		 .menu li ul.level2{ display: none;background: #0f4679;  }
		 .menu li ul.level2 li a{
		 	display: block;
			height: 45px;
			line-height: 45px;
			color: #fff;
			text-indent: 60px;
			/*border-bottom: 1px solid #ddd; */
			font-size: 14px;
			 transition:all 1s ease 0s;
		 }


.proShow{ width:960px; float:right;}
.proShow ul li{ width:300px; margin-right:24px; float:left; margin-bottom:15px; overflow:hidden;}
.proShow ul li:nth-child(3n){ margin-right:0px;}
.proShow ul li h4{ line-height:30px; font-size:16px; text-align:center; font-weight:100;}
.proShow ul li a{ color:#333; }
.proShow ul li:hover a{ color:#2383cf;}
.proShow ul li .propic{width:300px; height:220px; border:1px solid #fff;overflow:hidden; transition:0.5s;}
.proShow ul li img{display:block; width:100%; transition:0.5s; min-height:220px;}
.proShow ul li img:hover{ transform:scale(1.1);}

.page{ width:1200px; margin-top:15px; text-align:center;}
.page a{ display:inline-block; width:50px; height:30px; border:1px solid #ccc; color:#999; line-height:30px; text-align:center; margin-left:10px; transition:0.5s;}
.page a:hover{ background:#1e53cd; border-color:#1e53cd;color:#fff;}


/*产品内页*/
.productnei{ width:890px; }
.productnei h3{width:890px; text-align:center; line-height:50px;}
.fbdate{ font-size:14px; line-height:40px; text-align:center; } 
.proneiPic{ margin-bottom:30px;}
.productText{ width:890px; font-size:14px; line-height:30px; text-indent:2em; color:#333; text-align:justify;}

.proRIght{ width:890px; overflow:hidden; float:right; }
.pian{width:1200px; line-height:30px; font-size:14px; margin-bottom:50px; margin-top:15px;}
.pian a{ color:#373c57;}
.pian a:hover { color:#1e53cd;}


/*新闻中心列表页*/
.news_neiCon .newslist{ margi n-top:-50px;}
.newslist li{ float:left; width:1200px;height:120px; border-bottom:1px dashed #ccc; margin:0px 0px 20px;}
.newslist li a{ color:#666;}
.newsDate{ width:100px; height:100px; background:#eee; text-align:center; float:left; transition:0.5s;}
.newsDate p{font-size:20px; line-height:100px;  }
.newslist .newstext{ width:990px; float:left; margin-left:50px;}
.newslist .newstext h3{font-size:18px; color:#333; font-weight:100; margin:5px 0px 15px; transition:0.5s;}
.newslist .newstext p{ font-size:16px; line-height:1.75em; }

.newslist li:hover .newsDate{ background:#1e53cd;}
.newslist li:hover a .newsDate b{ color:#fff;}
.newslist li:hover a .newsDate p{ color:#fff;}
.newslist li:hover a h3{ color:#1e53cd;}

/*新闻中心内页*/
.newsneiCon h3{ text-align:center;}
.newsText{ width:1200px;}
.newsText p{ font-size:16px; line-height:30px; }

/*case内页*/
.caseCon{ width:1200px; margin:0 auto;}
.caseCon ul li{ width:280px; height:200px; float:left; margin-right:26px; margin-bottom:30px; }
.caseCon ul li:nth-child(4n){ margin-right:0px;}
.caseCon ul li .proTu{ width:280px; height:200px; overflow:hidden; }
.caseCon ul li .proTu img{ width:100%; min-height:200px; display:block; transition:0.5s;}
.caseCon ul li .proTu img:hover{ transform:scale(1.1);}
.caseCon ul li h4{ font-size:16px; font-weight:100; text-align:center; line-height:30px;}
.caseCon ul li a{ color:#212121;}
.caseCon ul li:hover a{ color:#1e53cd;}

/*联系我们*/
.contacttext{ width:600px; font-weight:600; font-size:16px; line-height:60px; margin-left:30px;float:left; margin-right:10px;}
#dituContent{ width:530px; float:left; margin-bottom:40px; m argin-right:100px; margin-top:-260px;}
.contacttext img{ margin-right:10px;}



/*在线留言*/
.messageCon{ margin-left:260px;}
.faqline{margin-bottom:20px;}
.messageCon input{ height:40px; width:500px; margin-left:15px; border-radius:10px; border:1px solid #ccc;}
.messageCon .Content{ margin-bottom:20px; }
.messageCon textarea{  border-radius:10px; border:1px solid #ccc;margin-left:15px; width:500px;}
.messageCon .faqtit{ width:80px; display:inline-block; font-weight:600;}
.messageCon button{ width:600px; height:50px; border:none; background:#fff; color:#1e53cd; border:1px solid #1e53cd; cursor:pointer;  margin-top:20px; transition:0.5s; font-size:16px; border-radius:10px;}
.messageCon button:hover{ background:#1e53cd; color:#fff;}